<script>
export default {
	globalData: {
		statusBarHeight: 0, // 状态导航栏高度
		navHeight: 0, // 总体高度
		navigationBarHeight: 0, // 导航栏高度(标题栏高度)
		menuBarLeft:0,
	},
	onLaunch: function () {
		// 状态栏高度
		this.globalData.statusBarHeight = uni.getSystemInfoSync().statusBarHeight
		// #ifdef MP-WEIXIN
		// 获取微信胶囊的位置信息 width,height,top,right,left,bottom
		const custom = wx.getMenuButtonBoundingClientRect();
		//bottom: 胶囊底部距离屏幕顶部的距离
		//height: 胶囊高度
		//left:   胶囊左侧距离屏幕左侧的距离
		//right:  胶囊右侧距离屏幕左侧的距离
		//top:    胶囊顶部距离屏幕顶部的距离
		//width:  胶囊宽度 
		//console.log(custom)
		this.globalData.menuBarLeft = custom.left;
		// 导航栏高度(标题栏高度) = 胶囊高度 + (顶部距离 - 状态栏高度) * 2
		this.globalData.navigationBarHeight = custom.height + (custom.top - this.globalData.statusBarHeight) * 2
		// console.log("导航栏高度："+this.globalData.navigationBarHeight)
		// 总体高度 = 状态栏高度 + 导航栏高度
		this.globalData.navHeight = this.globalData.navigationBarHeight + this.globalData.statusBarHeight
		// #endif
		//console.log(this.globalData)
	  },
	onShow: function () {
		//console.log("App Show")
	},
	onHide: function () {
		//console.log("App Hide")
	},
}
</script>
<style lang="scss">
	@import url("/static/fonts/iconfont.css");
	@import url("/static/css/common/common.css");
	.loadingTxt{
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		display: flex;
		align-items: center;
		justify-content: center;
	} 
	.sqConBlock{
		height: 40rpx;
		background: $pss-sq-main-bg;
		&.feedBack{
			background: $sq-fue;
		}
	}
	.sqConWrap{
		border-radius: 30rpx 30rpx 0 0;
		margin-top: -30rpx;
		background: $sq-fuf;
		padding: 30rpx;
		&.noPadd{
			padding:0;
		}
		&.whiteBg{
			background: #fff;
		}
	}
</style>


